<head>
    <link rel="stylesheet" href="//at.alicdn.com/t/font_847874_unwm8evsmea.css"/>
</head>
<div class="top">
    <div class="top-inner">
        <div class="top-left">
            <h1>欢迎进入人人梦中国!</h1>
        </div>
        <div class="top-right">
            <a href="#">登录</a>
            <a href="#">注册</a>
        </div>
    </div>
</div>
<div class="head">
    <div class="head-inner">
        <div class="head-lf lf">
            <a href="#">
                <img src="images/index/logo.png" alt=""/>
            </a>
        </div>
        <div class="head-rt lf">
            <div class="head-sou">
                <form action=""  name="">
                  <i class="iconfont icon-unie036"></i>   <input  type="text"  value="" placeholder="搜索商户名"><input type="button" name="" value="搜索">
                </form>
            </div>
            <div class="head-key">
                <span>热门搜索：</span>
                <ul class="head-k">
                    <li class="active">
                        <a href="#">健身房</a><a href="#">人人梦健身</a><a href="#">健身平台</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="nav">
    <div class="nav-inner">
        <ul class="nav-all">
            <li>
                <a href="#">
                    <u></u>
                    全部分类 <i class="iconfont icon-liebiao"></i>
                </a>
            </li>

            <li class="active bor">
                <a href="#">首页</a>
            </li>
            <li>
                <a href="#">关于人人梦 </a>
            </li>
            <li>
                <a href="#">新闻资讯</a>
            </li>
            <li>
                <a href="#">体育产业 </a>
            </li>
            <li>
                <a href="#">合作伙伴</a>
            </li>
            <li>
                <a href="#">场馆入驻</a>
            </li>
        </ul>
        <div class="nav-ce">
            <div class="nav-l lf">
                <ul class="list-cn">
                    <li>
                        <a href="#"><h1> <i class="iconfont icon-jianshen1"></i> 健身馆</h1></a> 
                    </li>
                    <li>
                        <a href=""><h1> <i class="iconfont icon-youyong"></i> 游泳馆</h1></a>
                    </li>
                    <li>
                        <a href=""><h1> <i class="iconfont icon-yuqie"></i> 瑜伽馆</h1></a>
                    </li>
                    <li>
                        <a href=""><h1> <i class="iconfont icon-lanqiu"></i> 篮球馆</h1></a>
                    </li>
                    <li>
                        <a href=""><h1> <i class="iconfont icon-boji"></i> 搏击馆</h1></a>
                    </li>
                    <li>
                        <a href=""><h1> <i class="iconfont icon-wangqiu"></i> 网球馆</h1></a>
                    </li>
                    <li>
                        <a href=""><h1> <i class="iconfont icon-gaoerfu1"></i> 高尔夫</h1></a>
                    </li>
                    <li>
                        <a href=""><h1> <i class="iconfont icon-zuqiu"></i> 足球馆</h1></a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>

  <script>
    $(function(){
        /*导航*/
//        $('.nav-all>li ').on('mouseenter',function(){
//            $(this).addClass('active')
//                    .siblings().removeClass('active');
//            var s=$(this).index();
//            if(s!=0){
//                $('.nav-l').slideUp();
//                $('.nav-ce').css({"border":"none","background-color":"transparent"});
//                $('.list-d>li').removeClass('active');
//                $('.list-cn>li').removeClass('active');
//            }else{
//                $('.nav-l').slideDown();
//            }
//        });
        $('.list-cn>li').mouseenter(function(){
            $(this).addClass('active').siblings().removeClass('active');
        });
    })
  </script>

